<!--
 * Copyright TLR Team, Inc. All Rights Reserved.
-->
<div class="device-bg">
    <div class="container-fluid">
        <!-- /.row -->
        <div class="row">
            <div class="device-item-title item-font title-bg"><div class="device-title-txt">健康地图</div><div class="right-triangle"></div></div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div style="padding-left:15px; padding-right:15px;display:block; margin-top:15px; padding-bottom:12px; " class="air-background">
                    <div class="row">
                        <div class="col-xs-3">
                            <div style="vertical-align:middle; line-height:50px; text-align:center;">
                                <div style="height: 40px; width: 90%; border-bottom: 2px solid #3A9AFD; color: #fff; font-size: 14px;">优</div>
                            </div>
                        </div>
                        <div class="col-xs-3">
                            <div style="vertical-align:middle; line-height:50px; text-align:center;">
                                <div style="height: 40px; width: 90%; border-bottom: 2px solid #f0e814; color: #fff; font-size: 14px;">良</div>
                            </div>
                        </div>
                        <div class="col-xs-3">
                            <div style="vertical-align:middle; line-height:50px; text-align:center;">
                                <div style="height: 40px; width: 90%; border-bottom: 2px solid #e02d1c; color: #fff; font-size: 14px;">中</div>
                            </div>
                        </div>
                        <div class="col-xs-3">
                            <div style="vertical-align:middle; line-height:50px; text-align:center;">
                                <div style="height: 40px; width: 90%; border-bottom: 2px solid #9F56FF; color: #fff; font-size: 14px;">差</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="top: 120px; position: absolute; display:block;" id="health-map-container"></div>
        <div class="row mobile-tip-group" ng-if="!healthDevices">
            <div class="col-sm-12">
                <div style="vertical-align:middle; text-align:center;">
                    <div class="mobile-tip-item tip-car-item-font tip-item-1">正在搜索健康数值分布信息 ...</div>
                </div>
            </div>
        </div>
        <!-- /.row -->
    </div>
</div>